<%@ page import="icontrolv2.Tarea" %>
<!doctype html>
<script type="text/javascript">
$(document).ready(function(){  
    $(".ver_tarea").fancybox({  
        'autoScale'     : true,
        'modal'         : false,
        'width'         : 680,  
        'height'        : 450,
        'type'          : 'inline'
    });
  }
);
</script>
<a href="#list-tarea" class="skip" tabindex="-1"><g:message code="default.link.skip.label" default="Skip to content&hellip;"/></a>
		<div id="list-tarea" class="content scaffold-list" role="main">
			<table>
				<thead>
					<tr>
                                          
                                                <th><g:message code="tarea.id.label" default="ID" /></th>
					
						<g:sortableColumn property="descripcion" title="${message(code: 'tarea.descripcion.label', default: 'Descripcion')}" />
					
						<th><g:message code="tarea.estado.label" default="Estado" /></th>
					
						<g:sortableColumn property="fechaInicio" title="${message(code: 'tarea.fechaInicio.label', default: 'Fecha Inicio')}" />
					
						<g:sortableColumn property="fechaTermino" title="${message(code: 'tarea.fechaTermino.label', default: 'Fecha Termino')}" />
					
						<g:sortableColumn property="nombre" title="${message(code: 'tarea.nombre.label', default: 'Nombre')}" />
					
						<g:sortableColumn property="padre" title="${message(code: 'tarea.padre.label', default: 'Padre')}" />
                                                
                                                <th>Usuario</th>
                                                
                                                <th></th>
                                                
                                                <th></th>
					
					</tr>
				</thead>
				<tbody>
                                  <g:if test="${tareas.size() > 0}">
				<g:each in="${tareas}" status="i" var="tareaInstance">
                                  
					<g:if test="${tareaInstance.fechaTermino <  fechaActual && tareaInstance.estado.id != 4}">
                                          <tr style="background-color: #FF9797;">
                                        </g:if>
                                        <g:else>
                                          <tr class="${(i % 2) == 0 ? 'even' : 'odd'}">
                                        </g:else>
                                          
                                                <td><a href="javascript:void(0);" onclick="cargarTareasPadre('${tareaInstance.id}')"><strong>${fieldValue(bean: tareaInstance, field: "id")}</strong></a></td>
					
						<td>${fieldValue(bean: tareaInstance, field: "descripcion")}</td>
					
						<td>${fieldValue(bean: tareaInstance, field: "estado.nombre")}</td>
					
						<td><g:formatDate format="dd/MM/yyyy" date="${tareaInstance.fechaInicio}" /></td>
					
						<td><g:formatDate format="dd/MM/yyyy" date="${tareaInstance.fechaTermino}" /></td>
					
						<td>${fieldValue(bean: tareaInstance, field: "nombre")}</td>
					
						<td>${fieldValue(bean: tareaInstance, field: "padre")}</td>
                                                
                                                <td><g:link controller="usuario" action="show" id="${tareaInstance.usuario.getId()}">${tareaInstance.usuario.getNombre() + " " + tareaInstance.usuario.getApellidoPaterno()}</g:link></td>
                                                
                                                <td><g:link class="ver_tarea" controller="tarea" action="show" id="${tareaInstance.id}">Ver Detalles</g:link></td>

                                                <td>
                                                  <g:if test="${tareaInstance.calificaciones == null && tareaInstance.getEstado().getId() == 4}">
                                                    Calificar Tarea
                                                  </g:if>
                                                </td>
					
					</tr>
				</g:each>
                                    </g:if>
                                <g:else>
                                    <tr>
                                      <td colspan="7">No se encontraron tareas.</td>
                                    </tr>
                                  </g:else>
				</tbody>
			</table>
			<div class="pagination">
				<g:paginate total="${tareaInstanceTotal}" />
			</div>
		</div>